<template>
  <div class="top">
      <div class="imgbox">
          <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
              <van-swipe-item>
                  <img src="/swipe/swipe (1).jpg">
              </van-swipe-item>
              <van-swipe-item>
                  <img src="/swipe/swipe (2).jpg">
              </van-swipe-item>
              <van-swipe-item>
                  <img src="/swipe/swipe (3).jpg">
              </van-swipe-item>
              <van-swipe-item>
                  <img src="/swipe/swipe (4).jpg">
              </van-swipe-item>
              <van-swipe-item>
                  <img src="/swipe/swipe (5).jpg">
              </van-swipe-item>
              <van-swipe-item>
                  <img src="/swipe/swipe (6).jpg">
              </van-swipe-item>
              <van-swipe-item>
                  <img src="/swipe/swipe (7).jpg">
              </van-swipe-item>
          </van-swipe>
      </div>
  </div>
</template>

<script>

export default {

}
</script>

<style scoped>
.top{
  width:100%;
  height:1.6rem;
  background-color: #1aad67;
  /* border:1px solid black; */
  background-image: linear-gradient(#1aad67 50%,#f2f2f2 50%);
  margin-top:0.51rem;
  position: relative;
}
.imgbox{
  width:3.4rem;
  height:1.5rem;
  margin:auto;
}
.my-swipe .van-swipe-item {
    color: #fff;
    width:3.4rem;
    height:1.5rem;
    margin:auto
    /* font-size: 20px;
    line-height: 150px; */
    /* text-align: center;
    background-color: #39a9ed; */
  }
img{
  width:3.4rem;
  height:1.5rem;
  display: block;
}
</style>